<?php
$title = 'title'.$rear;
$alias = 'alias'.$rear;
$intro = 'introtext'.$rear;
$full = 'fulltext'.$rear;
?>
<div class="row-top-news">
    <div xmlns:v="http://rdf.data-vocabulary.org/#" class="breadcrumb">
	   <span typeof="v:Breadcrumb">
	     <a property="v:title" rel="v:url" title="Trang chủ" href="<?php echo base_url(); ?>">
	      Trang chủ
	    </a> ›
	   </span>
	   <span typeof="v:Breadcrumb">
	      Giới thiệu
       </span>
	</div>
</div>
<!-- Module main body -->
<div class="module-body">
    <div class="content-module">
        <?php if (empty($thongbao)) { ?>    
                    <form method="POST" id="form_contact" action="<?php echo base_url() . 'register.html'; ?>">
                        <br />
                        <label><?php echo $this->lang->line('name_regis'); ?> <span> (*)</span></label><input type="text" size="30" name="name"/> <?php echo form_error('name', '<span class="required">', '</span>'); ?><br />
                         <br />
                        <label><?php echo $this->lang->line('email_regis'); ?><span> (*)</span></label><input type="text" size="30" name="email" /> <?php echo form_error('email', '<span class="required">', '</span>'); ?><br />
                        <label><?php echo $this->lang->line('phone_regis'); ?><span> (*)</span></label><input type="text" size="30" name="phone" /> <?php echo form_error('phone', '<span class="required">', '</span>'); ?><br />
                        <label><?php echo $this->lang->line('add_regis'); ?><span> (*)</span></label><input type="text" size="30" name="address" /> <?php echo form_error('address', '<span class="required">', '</span>'); ?><br />
                        <label><?php echo $this->lang->line('content'); ?>:</label> <br /><textarea name="content" rows="8" cols="50" ></textarea> <?php echo form_error('content', '<span class="required">', '</span>'); ?><br />
                        <input type="submit" value="<?php echo $this->lang->line('send'); ?>"/>
                    </form>

                <?php
                } else {

                    echo $thongbao;
                }
                ?> 
                <div id="map-canvas" style="height: 450px;"></div>
                <script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?key=AIzaSyAv3pOB8bffZG92I_Ki39tQEvb_ZEGk0oQ&sensor=false"></script>
                    <script>
                        var parliament = new google.maps.LatLng(21.062726,105.836502);
                        var marker;
                        var map;
                        
                        function initialize() {
                          var mapOptions = {
                            zoom: 16,
                            center: parliament
                          };
                        
                          map = new google.maps.Map(document.getElementById('map-canvas'),
                                  mapOptions);
                        
                          marker = new google.maps.Marker({
                            map:map,
                            draggable:true,
                            animation: google.maps.Animation.DROP,
                            position: parliament
                          });
                          google.maps.event.addListener(marker, 'click', toggleBounce);
                        }
                        function toggleBounce() {
                        
                          if (marker.getAnimation() != null) {
                            marker.setAnimation(null);
                          } else {
                            marker.setAnimation(google.maps.Animation.BOUNCE);
                          }
                        }
                        google.maps.event.addDomListener(window, 'load', initialize);
                     </script>
    </div>
</div>
<!-- End module main body -->
<style>
#form_contact span
{
    color:red;
}
#form_contact input
{
    width:250px;
    margin-bottom:15px;
    padding:5px 0px;
}
#form_contact label
{
    width:150px;
    display:block;
    float:left;
}
</style>
